<template>
    <div class="postloane">
    
        <div class="neirong">
            <div class="dengj">
                <div class="bisoti">催收管理</div>
                <div class="trtitle">催收记录</div>


                <table class="table table-bordered" style="margin:0;">
                    <colgroup>
                        <col width="300">
                        <col width="300">
                        <col width="300">
                        <col width="300">
                        <col width="300">
                    </colgroup>
                    <thead>
                        <tr>
                            <td>序号</td>
                            <td>催收方式</td>
                            <td>催收人</td>
                            <td>催收内容</td>
                            <td>催收时间</td>
                        </tr>
                    </thead>
                </table>
                <div class="shurk">
                    <div class="xihao">1</div>
                    <input type="text" placeholder="请输入">
                    <input type="text" placeholder="请输入">
                    <input type="text" placeholder="请输入">
                    <input type="text" placeholder="请输入">
                </div>

                

                <div class="kuang">
                    <div class="fanhui" @click="fanhui"><el-icon>
                            <ArrowLeft />
                        </el-icon>返回</div>
                    <el-button type="primary" plain class="anniu">保存</el-button>
                    <el-button type="primary" class="anniu">提交</el-button>
                </div>

            </div>

        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router';
var router = useRouter();
const value = ref('')
const input = ref('')

const options = [
    {
        value: '电话催收',
        label: '电话催收',
    },
    {
        value: '上门催收',
        label: '上门催收',
    },
]

// 返回
var fanhui = () => {
    router.go(-1)
}
</script>

<style scoped>
.title {
    width: 200px;
    height: 40px;
    background-color: aqua;
    text-align: center;
    line-height: 40px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    border-radius: 30px;

}


.neirong {
    height: 100%;
    width: 100%;
    background-color: azure;
}

.bisoti {
    padding: 20px 0px;
    font-size: 20px;
    font-weight: bold;
 
}
.trtitle{
    padding: 20px;
}

.dengj {
    height: 556px;
    width: 100%;
    background-color: white;
    margin-left: 20px;
}

.fanhui {
    width: 80px;
    height: 40px;
    border: 1px solid #d2d3d6;
    color: #616263;
    text-align: center;
    line-height: 40px;

}

.kuang {
    width: 400px;
    height: 40px;
    float: right;

    margin: 200px 50px 0px 0px;
    display: flex;
    justify-content: space-between;

}
.shurk{
    height: 40px;
    display: flex;
    width: 1200;
    border: 1px solid #e6ebf5;
}
.xihao{
    width: 50px;
    text-align: center;
    line-height: 40px;
    color: #cdd0d7;
    margin-right: 230px;
}
.shurk input{
    width: 300px;
    border: 0;
    outline: none;
    color: #cdd0d7;
   
}


.kuang .anniu {
    width: 80px;
    height: 40px;
}</style>
